<template>
<h1>欢迎使用oa后台管理系统</h1>
    <div class='app'>
    </div>
</template>

<script>
import { reactive, toRefs, computed, watch, onMounted } from "vue";
import { useRoute, useRouter } from "vue-router";
export default {
  setup() {
    let router = useRouter();
    let route = useRoute();

    const state = reactive({});

    onMounted(() => {});

    return {
      ...toRefs(state)
    };
  }
};
</script>

<style scoped lang='scss'>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1{
    font-size: 50px;
    color: rgb(129, 188, 236);

}
.app {
  width: 35%;
  display: flex;
  height: 75%;
 margin-left: 800px;
  margin-top: 80px;
  background: url("../assets/images/welcome.png");
  position: fixed;
   background-repeat:no-repeat;
  background-size: 100% 100%;
}
</style>
